<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>PMS主页</title>
	<script type="text/javascript" src="bootstrap/jquery.js"></script>
	<link rel="stylesheet" type="text/css" href="bootstrap/bootstrap.min.css" />
	<style type="text/css">
		body{
			background-image:url("bootstrap/backgroundimg.png");
		}
		.navbar{
			height:40px;
			background-color:black;
		}
		.p1{
			width:200px;
			color:white;
			font-size:20px;
			height:30px;
			height-line:30px;
			margin-left:200px;
			margin-top:10px;
		}
		.div1{
			width:600px;
			height:auto;
			margin-top:80px;
			margin-left:200px;
			
		}
		hr{
			width:600px;
			border:1px solid black;
		}
		.btn{
			width:120px;
			height:30px;
			font-size:18px;
			line-height:30px;
			font-weight:bold;
		}
		.div2{
			margin-top:10px;
		}
		.tr1{
			background-color:grey;
		}
		.a1{
			text-decoration:none;
			color:black;
		}
	</style>
</head>
<body>
	<div class="navbar navbar-fixed-top">
		<p class="p1">哈哈笑项目管理系统</p>
	</div>
	<div class="div1">
		<h1>项目列表</h1>
		<hr />
		<a href="" class="btn btn-success"><i class="icon-plus icon-white"></i>添加新项目</a><!--1,连接到添加新项目的网页,2不明白为什么图标不出现-->
		
		<div class="div2">
			<table border="1" width="600" height="120">
			<!--需要循环输出-->
				<tr height="30" class="tr1">
					<td><i class="icon-th"></i><a href="" class="a1"> wwww</a></td><!--输出此项目的名称，并连接到此项目的主页-->
				</tr>
				<tr>
					<td>wwwww</td><!--输出项目的描述,图标依旧出不来-->
				</tr>
				
			</table>
		</div>
	</div>
</body>
</html>